<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购客户端</title>
    <link rel="stylesheet" href="./品优购项目/css/base.css">
    <link rel="stylesheet" href="./品优购项目/css/same.css">
</head>

<body>
    <!-- 品优购头部.   -->
    <div class="box">
        <div class="head elasticity pageWidth">
            <div class="headleft elasticity">
                <div>品优购欢迎您！</div>
                <div class="elasticity">
                    <div>请登录</div>
                    <a class="register" href="#">免费注册</a>
                </div>
            </div>
            <div class="right">
                <span>我的订单</span>
                <span>|</span>
                <span>我的订单</span>
                <span>|</span>
                <span>我的订单</span>
                <span>|</span>
                <span>我的订单</span>
                <span>|</span>
                <span>我的订单</span>
                <span>|</span>
                <span>我的订单</span>
            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div class="whole elasticity pageWidth">
        <!-- 导航栏 -->
        <div class="elasticity pageWidth navigationBar">
            <img src="./品优购项目/品优购/images/logo.png" alt="">
            <div>
                <input type="text" placeholder="语言开发"><button>搜索</button>
                <div class="discount elasticity">
                    <span>优惠首购发</span>
                    <span>优惠首购发</span>
                    <span>优惠首购发</span>
                    <span>优惠首购发</span>
                    <span>优惠首购发</span>
                    <span>优惠首购发</span>
                </div>
            </div>
            <div class="shoppingCart elasticity">
                <img src="./品优购项目/品优购/images/bao.png" alt="">
                <div class="car">我的购物车</div>
                <div>></div>
            </div>
        </div>
    </div>
    <div class="content pageWidth">
        <div class="contenttop elasticity">
            <div class="all">优惠首购发</div>
            <div class="shopping">
                <span>优惠首购发</span>
                <span>优惠首购发</span>
                <span>优惠首购发</span>
                <span>优惠首购发</span>
                <span>优惠首购发</span>
                <span>优惠首购发</span>
                <span>优惠首购发</span>
            </div>
        </div>
        <!-- 内容身体 -->
        <div class="contentBody">
            <!-- 家用电器 -->
            <div class="householdtop">
                <div class="household">
                    <div class="householdAppliances">
                        <span>家用电器</span>
                        <span>></span>
                    </div>
                    <div class="householdAppliances">
                        <span>家用电器</span>
                        <span>></span>
                    </div>
                    <div class="householdAppliances">
                        <span>家用电器</span>
                        <span>></span>
                    </div>
                    <div class="householdAppliances">
                        <span>家用电器</span>
                        <span>></span>
                    </div>
                    <div class="householdAppliances">
                        <span>家用电器</span>
                        <span>></span>
                    </div>
                    <div class="householdAppliances">
                        <span>家用电器</span>
                        <span>></span>
                    </div>
                    <div class="householdAppliances">
                        <span>家用电器</span>
                        <span>></span>
                    </div>
                    <div class="householdAppliances">
                        <span>家用电器</span>
                        <span>></span>
                    </div>
                    <div class="householdAppliances">
                        <span>家用电器</span>
                        <span>></span>
                    </div>
                    <div class="householdAppliances">
                        <span>家用电器</span>
                        <span>></span>
                    </div>
                    <div class="householdAppliances">
                        <span>家用电器</span>
                        <span>></span>
                    </div>
                    <div class="householdAppliances">
                        <span>家用电器</span>
                        <span>></span>
                    </div>
                    <div class="span1 householdAppliances">
                        <span>家用电器</span>
                        <span>></span>
                    </div>
                    <div class="householdAppliances">
                        <span>家用电器</span>
                        <span>></span>
                    </div>
                    <div class="householdAppliances">
                        <span>家用电器</span>
                        <span>></span>
                    </div>
                </div>
                <img style="margin: 5px  5px 0 5px;" src="./品优购项目/品优购/images/banner_bg.png" alt="">
                <!-- <div class="right">
                    <div>
                        <div>111</div>
                        <div>
                            <div>111</div>
                            <div>111</div>
                        </div>
                    </div>
                    <div>
                        <div>
                            <div>111</div>
                            <div>111</div>
                        </div>
                        <div>
                            <div>111</div>
                            <div>111</div>
                        </div>
                        <div>
                            <div>111</div>
                            <div>111</div>
                        </div>
                        <div>
                            <div>111</div>
                            <div>111</div>
                        </div>
                        <div>
                            <div>111</div>
                            <div>111</div>
                        </div>
                    </div>
                    <div>
                        <div>
                            <img src="" alt="">
                            <div>111</div>
                        </div>
                        <div>
                            <img src="" alt="">
                            <div>111</div>
                        </div>
                        <div>
                            <img src="" alt="">
                            <div>111</div>
                        </div>
                        <div>
                            <img src="" alt="">
                            <div>111</div>
                        </div>
                        <div>
                            <img src="" alt="">
                            <div>111</div>
                        </div>
                        <div>
                            <img src="" alt="">
                            <div>111</div>
                        </div>
                        <div>
                            <img src="" alt="">
                            <div>111</div>
                        </div>
                        <div>
                            <img src="" alt="">
                            <div>111</div>
                        </div>
                        <div>
                            <img src="" alt="">
                            <div>111</div>
                        </div>
                        <div>
                            <img src="" alt="">
                            <div>111</div>
                        </div>
                        <div>
                            <img src="" alt="">
                            <div>111</div>
                        </div>
                        <div>
                            <img src="" alt="">
                            <div>111</div>
                        </div>
                    </div>
                    <img src="" alt="">
                </div> -->
            </div>
        </div>
    </div>


    <div class="abc">
        <div class="aaa">你好</div>
        <div class="aaa">你好</div>
        <div class="aaa">你好</div>
    </div>
</body>

</html>